import Vue from 'vue'
import VueRouter from 'vue-router'
import Layout from '@/views/layout/index.vue'
import Login from '@/views/login/index.vue'
import Home from '@/views/home/index.vue'


Vue.use(VueRouter)


//异步引入组件
const Product = ()=>import('@/views/product/index.vue')
const List =()=>import('../views/product/list/index.vue')
const Category =()=>import('@/views/product/category/index.vue')

const Order = ()=>import('@/views/order/index.vue')

const OrderList =()=>import('@/views/order/orderList/index.vue' )
const Collect =()=>import('@/views/order/collect/index.vue')

const Advert  =()=>import('@/views/advert/index.vue')
const AdvertList =()=>import('@/views/advert/list/index.vue')

const routes = [
    {
        path:'/',
        component:Layout,
        children:[
            {
                path:'/',
                name:'home',
                component:Home
            },
            {
                path:'/product',
                name:'product',
                component:Product,
                children:[
                    {
                        path:'list',
                        name:'list',
                        component:List
                    },
                    {
                        path:'category',
                        name:'category',
                        component:Category
                    }
                ]
            },
            {
                path:'/order',//订单管理
                name:'order',
                component:Order,
                children:[
                    {
                        path:'order-list',//路径访问：
                        name:'order-list',
                        component:OrderList
                    },
                    {
                        path:'collect',
                        name:'collect',
                        component:Collect
                    }
                
            
                ]
            },
            {
                path:'/advert',//广告管理
                name:'advert',
                component:Advert,
                children:[
                    {
                        path:'advert-list',
                        name:'advert-list',
                        component:AdvertList
                    }
                ]
            }
        ]
    },
    {
        path:'/login',
        name:'login',
        component:Login
    }
]


const router = new VueRouter({
    mode:'history',
    base:process.env.BASE_URL,
    routes
})


export default router